<template>
    <div>
        <table class="table table-bordered">
            <tbody>
                <tr>
                    <td>用户名</td>
                    <td>
                        <input type="text" v-model="name">
                    </td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td>
                        <input type="text" v-model="pwd">
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="button" v-on:click="logesat" class="btn btn-success" value="登录">
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script setup lang="ts">
import { reactive,ref } from 'vue';
const logesat=()=>{
    alert(name.value+","+pwd.value)
}
let name=ref("admin");
let pwd=ref("123465");
</script>

<style scoped>

</style>